<template>
  <div class="container">
    <!-- <van-nav-bar title="党建新闻" left-arrow @click-left="onClickLeft"/> -->
    <van-tabs v-model="active">
      <van-tab title="党建要闻">
        <article-list id="221a19008fcd4b17b6780febb0f088b8"></article-list>
      </van-tab>
      <van-tab title="今日首推">
        <article-list id="039137fe6198466a85728ff7f99f2126"></article-list>
      </van-tab>
      <van-tab title="党员风采">
        <article-list id="053551262afe4085b04c2f8d9ce06d60"></article-list>
      </van-tab>
      <van-tab title="红色文艺">
        <article-list id="2"></article-list>
      </van-tab>
      <van-tab title="党建论坛">
        <article-list id="252da2668d754cdf9201349bedc3d507"></article-list>
      </van-tab>
      <van-tab title="组织动态">
        <article-list id="3ee854e819d84a7ab41abb98dbf9ecda"></article-list>
      </van-tab>
      <van-tab title="党纪党规">
        <article-list id="6d276e7572d8410ab43af4166ca615e3"></article-list>
      </van-tab>
      <van-tab title="党建先锋">
        <article-list id="afaa7a15198d4d1bb96094087322886e"></article-list>
      </van-tab>
      <van-tab title="党建动态">
        <article-list id="f38aa9a5322f466ba8cbaffe0ae36729"></article-list>
      </van-tab>
      <van-tab title="通知公告">
        <article-list id="069d0ec015634c1cb95874b4b2d4e8fc"></article-list>
      </van-tab>
    </van-tabs>
  </div>
</template>
<script>
import articleList from '@/components/article-list'

export default {
  components: {
    articleList
  },
  data () {
    return {
      active: 0
    }
  },
  created () {},
  methods: {
    onClickLeft () {
      this.$router.back()
    }
  }
}
</script>
<style lang="less" scoped>
.van-tabs {
  /deep/ .van-tabs__nav {
    .van-tab--active {
      color: #f0321d;
    }
    .van-tabs__line {
      height: 2px;
      background-color: #f0321d;
    }
  }
}
</style>
